﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="App.aspx.cs" Inherits="Viki1.App" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link href="Styles/Page_front-v=20131213103.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .app3 ul li
        {
            color: #8F8F8F;
font-size: 15px;
margin-bottom: 8px;
background: url('Styles/images/bullet.png') no-repeat scroll left center transparent;
padding-left: 25px;
margin-left: -3px;
}
.screenshots
{
    width: 100%;
height: auto;
float: left;
padding-left: 12px;
}
.screenshots ul
{
    list-style: none outside none;
}

.screenshots ul li
{
    float: left;
margin-right: 30px;
margin-bottom: 30px;
position: relative;
}
    
    </style>
   
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="h"></div>
<div id="bd" class="w989">
  <div class="cur"><a href="index.aspx">首页</a>>>移动应用</div>
     <div class="h"></div>
     
     <div class="h20" ></div>
     <div class="col-l">
<div class="left-menu login">
                    <dl>
                        <dt><p>① 免费水平测试</p><p>② 免费学习计划</p><p>③ 免费试听体验</p></dt>
                        <dd>
                            <form method="post" action="../index.php?m=user&c=index&a=register" id="myform" onsubmit="javascript:chkRegister(this);return false;">
                            <p><span class="e-mail"></span><input name="email"  type="text" maxlength="30" id="email" class="inp" value="E-mail" onblur="if(!this.value){this.value=this.defaultValue;}" onfocus="if (this.value==this.defaultValue){value =''}" /></p>
                            <p><span class="pwd"></span><input name="password"  type="password" maxlength="30" id="password" class="inp" value="输入用户密码" onblur="if(!this.value){this.value='';}" onfocus="if (this.value==this.defaultValue){value =''}"/></p>
                            
                            <p><span class="phone"></span><input name="info[mobile]"  type="text" maxlength="30" id="mobile" class="inp" value="手机号码" onblur="if(!this.value){this.value=this.defaultValue;}" onfocus="if (this.value==this.defaultValue){value =''}"/></p>
							<p><span class="name"></span><input name="tj_code"  type="text" maxlength="30" id="tj_code" class="inp" value="推荐人手机号/留空" onblur="if(!this.value){this.value=this.defaultValue;}" onfocus="if (this.value==this.defaultValue){value =''}"/></p>
                            <input type='hidden' name='dosubmit' value='1'/>
                            <p><input type="submit" name="submit" class="btn-login" value="" /></p>
                            </form>
                        </dd>
                    </dl>
          </div>
          <div class="h20"></div>
          <dl class="ksdh">
              <dt class="right-tit"><strong>快速导航</strong></dt>
              <dd>
                  <ul class="ul-ksdh fix">
                      <li class="icon1"><a href="index.aspx">关于Viki</a></li>
                       <li class="icon2 grey"><a href="TeacherList.aspx">外教团队</a></li>
                      <li class="icon3"><a href="CourseList.aspx">课程设置</a></li>
                      <li class="icon5 grey"><a href="App.aspx">移动应用</a></li>
                      <li class="icon6"><a href="ReviewList.aspx">Viki学员心得</a></li>
                      
                  </ul>
              </dd>
          </dl>
          <div class="h20"></div>
           <div class="h20"></div>
           &nbsp;<div class="h20"></div>
           &nbsp;</div>
     <div class="rightFront">
  <div class="app1">
      <img src="Styles/images/phones.png"  style="width:200px;height:300px"/>
  
  </div>    
  <div class="app2" style="float:right;margin-top:-300px;width:510px; height: 375px;">
  <div id="tagline" style="font-size: 20px; font-family: 微软雅黑; font-weight: bold">
				您的私人英语外教，24小时陪您练习纯正地道的英语！
			</div>
<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
<script>    window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "嘘！我介绍给你一个洋妞，她可以24小时随叫随到陪你聊天", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "1", "bdSize": "24" }, "share": {}, "image": { "viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "嘘！我介绍给你一个洋妞，她可以24小时随叫随到陪你聊天", "viewSize": "24" }, "selectShare": { "bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
		
			<!-- PHONES IMAGE FOR TABLET MEDIA QUERY -->
            
			<!-- DESCRIPTION -->
			<div id="description">
				<p>Viki智能外教是一款好玩又有效的英语学习应用，让你在轻轻松松的对话聊天之间，掌握如何用英语进行交流。再也不怕“想说却说不出口”的尴尬！</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
				<p style="margin-top:-5px;">身边没有外教老师，没有机会和外国朋友交流？想要参加英语角，又担心自己的口语不过关，想说却说不上来？使用Viki，让你早日摆脱窘境，流利“说英语”！</p>
                <p style="margin-top:-5px;">&nbsp;</p>
                <p style="margin-top:-5px;">&nbsp;</p>
				
				<p style="margin-top:-5px;">Viki智能外教基于智能自改进系统，你聊的时间越长，她会越智能判断并且调整和您聊天的英语水平和内容，从而实现真正的“因材施教”。</p>
                <p style="margin-top:-5px;">&nbsp;</p>
                <p style="margin-top:-5px;">&nbsp;</p>
                <p style="margin-top:-5px;">&nbsp;</p>
                <p style="margin-top:-5px;">&nbsp;</p>
                <p style="margin-top:-5px;">&nbsp;</p>
			</div>
		
			<!-- DOWNLOAD & REQUIREMENT BOX -->
			<div class="download-box hidden-phone" style="float:left;width:250px;">
				<strong>iPhone:</strong><br>
				苹果版 点击前往App Store下载
			</div>
			<div class="download-box hidden-phone" style="float:right;width:250px;">
				<strong>Android:</strong><br>
				安卓版 点击即可下载
			</div>
			
			
			<div class="download-box hidden-phone" style="margin-top:0px;float:left;width:250px;">
				<a href="https://itunes.apple.com/cn/app/he-wai-jiao-liao-tian-ji-dan-ci/id668499991?mt=8" class="qrcode"><img src="Styles/images/ios-available.png"></a>
			</div>
			<div class="download-box hidden-phone" style="margin-top:0px;float:right;width:250px;">
				<a href="viki.apk" rel="gallery" class="qrcode"><img src="Styles/images/android-available.png"></a>
			</div>
			
			
  </div>
  
  
       <div class="app3" style="width:400px;margin-top:200px">
       <h2 class="page-title" id="scroll_up" style="font-size: 15px">
					特色功能
					</h2>
           <p class="page-title" style="font-size: 15px">
					&nbsp;</p>
	
				<div class="features">
					<ul>
						<li> 支持语音输入，体验与外教交流，让你开口说英语</li>
						<li>智能拼写及语法纠错，及时发现改正你的坏习惯</li>
						<li> 内置在线翻译功能，支持整段长句翻译</li>
						<li> 应用内容源取自各大经典教材，权威师资改编</li>
						<li> 无需预约，随时开始，不分昼夜 ，不限地点</li>
					</ul>
					<h4  style="margin-top:2.6em;">适用设备</h4>
                    <p  >&nbsp;</p>
					<ul class="requirements">
						<li>适用于：iOS 7.0 及以上操作系统的全型号iPhone</li>
						<li>以及：Android 2.2 及以上操作系统的安卓移动设备</li>
						<li>其他用户可添加微信公众账号：teacher_viki</li>
					</ul>
				</div>	
       </div>
            <div class="app4" style="height:215px; margin-top:100px"
             >
             <h2 class="page-title" id="H1" style="font-size:15px">
					应用截图
					
				</h2>
                <p class="page-title">
					&nbsp;</p>
				<div class="screenshots ">
					<ul>
						<li  style="width:150;height:auto"><a href="Styles/images/help1.png" rel="screenshots" title="随时随地进行会话">
                            <img src="Styles/images/h1.png" alt="" style="width:130px; height:130px"/><span></span></a></li>
						<li class="nomargin"  style="width:130px; height:auto; top: 0px; left: 0px;"><a href="Styles/images/help2.png" rel="screenshots" title="多名外教适应不同水平人群">
                            <img src="Styles/images/h2.png" alt="" style="width:130px; height:130px"/><span></span></a></li>
						<li class="bottom"  style="width:150;height:auto"><a href="Styles/images/help3.png" rel="screenshots" title="即时语音交流">
                            <img src="Styles/images/h3.png" alt="" style="width:131px; height:130px"/><span></span></a></li>
						<li class="nomargin bottom"  style="width:150px;height:auto"><a href="Styles/images/help5.png" rel="screenshots" title="智能拼写及语法检查">
                            <img src="Styles/images/h5.png" alt=""  style="width:130px; height:130px"/><span></span></a></li>
					</ul>
				</div>
	
             
             
             </div> 	
</div>
</div>
</asp:Content>
